<template>
  <div class="table-header">
    <el-row>
      <el-col v-for="(item, index) in columns" :key="index" :span="item.span" :align="item.align">{{
        item.label
      }}</el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'TableHeader',
  components: {},
  props: {},
  data() {
    return {
      columns: [
        {
          span: 4,
          align: 'left',
          label: '客户信息'
        },
        {
          span: 6,
          align: 'center',
          label: '评价内容'
        },
        {
          span: 6,
          align: 'center',
          label: '评价星级'
        },
        {
          span: 2,
          align: 'center',
          label: '排序'
        },
        {
          span: 4,
          align: 'center',
          label: '评价时间'
        },
        {
          span: 2,
          align: 'center',
          label: '操作'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.table-header {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
  background-color: #f7f8fa;
}
</style>
